<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
	
	<div id="d1">jQuery</div>

	<select onchange="gaibian();">
		<option>河北</option>
		<option>河南</option>
		<option>山东</option>
	</select>
	
	<script src="js/jquery-1.8.2.js"></script>
	<script>
		function gaibian(){
			alert('当改变的时候触发一个事件，用onchange');
		}
	
		//批量对某一类标签定义事件
		$(function(){
			//当doc文档加载完毕之后，自动执行此处代码
			$('#d1').click(function(){
				//$(this)当前点击的标签
				alert($(this).text());
            });
        });
		//
		$('#d1').bind("click",function(){
			alert($(this).text());
		})	
	</script>
</body>
</html>